// 组件选择面板
.epic-component-view {
  height: 100%;

  .epic-componet-item {
    cursor: pointer;
    border: 1px solid var(--epic-border-color);
    padding: 8px 10px;
    border-radius: 4px;

    .iconfont {
      margin-right: 5px;
      font-size: 16px;
      color: var(--epic-text-secondary);
    }

    &:hover {
      border-color: var(--epic-primary-color);
      color: var(--epic-primary-color);
      background-color: var(--epic-compoent-hover-color);

      .iconfont {
        color: var(--epic-primary-color);
      }
    }
  }

  .epic-search-box {
    border-bottom: 1px solid var(--epic-border-color);

    // element 搜素框样式
    // .el-input__wrapper {
    //   background-color: #f7f7f7;
    // }
  }
}
